<!doctype html>
<html>

	<head>
		<meta charset="utf-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../css/mui.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../css/mui.picker.css"/>
		<link rel="stylesheet" type="text/css" href="../css/mui.poppicker.css"/>
		<link rel="stylesheet" type="text/css" href="../css/iconfont.css"/>
		<link rel="stylesheet" type="text/css" href="../css/business/demandRecord.css"/>
		<script src="../js/validate.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body>
		<div class="mui-content" id="demand-record-content" >
			<header class="mui-bar mui-bar-nav" id="myheader">
				<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
				<h1 class="mui-title">新增需求</h1>
			</header>
			<div class="mui-scroll-wrapper" style="-webkit-overflow-scrolling: touch;margin-top: 70px;background-color: #f7f7f7;">
				<div class="mui-scroll">
					<div class="mui-content" id="demand-record-wrapper">
						<div class="demand-record-top-wrapper">
							<div class="demand-record-form-item">
								<label class="must-have-value">部门：</label>
								<div>
									<input type="text" :placeholder="departError" v-model="depart" @change="clearErrorInfo('depart')" readonly>
									<span class="mui-icon iconfont icon-jiantou_you" @tap="toDepartPicker"></span>
								</div>
							</div>
							<div class="demand-record-form-item">
								<label>车间：</label>
								<div>
									<input type="text" :placeholder="workshopError" v-model="workshop" @change="clearErrorInfo('workshop')" readonly>
									<span class="mui-icon iconfont icon-jiantou_you" @tap="toWorkshopPicker"></span>
								</div>
							</div>
							<div class="demand-record-form-item">
								<label class="must-have-value">所属工段：</label>
								<div>
									<input type="text" :placeholder="demandProcessError" v-model="demandProcess" @change="clearErrorInfo('demandProcess')" readonly>
									<span class="mui-icon iconfont icon-jiantou_you"  @tap="toDemandProcessPicker" ></span>
								</div>
							</div>
							<div class="demand-record-form-item">
								<label class="must-have-value">需求类型：</label>
								<div>
									<input type="text" :placeholder="demandTypeError" v-model="demandType" @change="clearErrorInfo('demandType')" readonly>
									<span class="mui-icon iconfont icon-jiantou_you"  @tap="toDemandTypePicker" ></span>
								</div>
							</div>
							<div class="demand-record-form-item">
								<label>关联系统：</label>
								<div>
									<input type="text" :placeholder="corSystemsError" v-model="corSystems" @change="clearErrorInfo('corSystems')" readonly>
									<span class="mui-icon iconfont icon-jiantou_you"  @tap="toCorSystemsPicker" ></span>
								</div>
							</div>
							<div class="demand-record-form-item">
								<label class="must-have-value">需求等级：</label>
								<div>
									<div class="mui-input-row mui-radio demand-radio-item">
										<label>低</label>
										<input name="radio" type="radio" checked @change="radioSelected('低')">
									</div>
									<div class="mui-input-row mui-radio demand-radio-item">
										<label>中</label>
										<input name="radio" type="radio" @change="radioSelected('中')">
									</div>
									<div class="mui-input-row mui-radio demand-radio-item">
										<label>高</label>
										<input name="radio" type="radio" @change="radioSelected('高')">
									</div>
								</div>
							</div>
							<div class="demand-record-form-item">
								<label class="must-have-value">需求人：</label>
								<!-- <div> -->
									<input type="text" :placeholder="demanderError" v-model="demander" style="width: 210px;" @change="clearErrorInfo('demander')" >
								<!-- </div> -->
							</div>
							<div class="demand-record-form-item">
								<label >手机：</label>
								<div>
									<input type="text" :placeholder="phoneNumberError" v-model="phoneNumber" style="width: 210px;" @change="clearErrorInfo('phoneNumber')" >
								</div>
							</div>
							<div class="demand-record-form-item">
								<label>邮箱：</label>
								<div>
									<input type="text" :placeholder="emailError" v-model="email" style="width: 210px;" @change="clearErrorInfo('email')">
								</div>
							</div>
							<div class="demand-record-form-item">
								<label class="must-have-value">处理人：</label>
								<div>
									<input type="text" :placeholder="handlerError" v-model="handler" style="width: 190px;" @change="clearErrorInfo('handler')" >
									<span class="mui-icon iconfont icon-jiantou_you"  @tap="toHandlerPicker" ></span>
								</div>
							</div>
							<div class="demand-record-form-item auto-height">
								<label class="must-have-value">需求内容：</label>
								<div>
									<textarea rows="3" cols="22" v-model="demandContent" :placeholder="demandContentError"></textarea>
								</div>
							</div>
							<!-- <div class="demand-record-form-item">
								<label class="must-have-value">图片：</label>
							</div>
							<span class="demand-add-file-img "></span> -->
						</div>
						<button type="button" class="mui-btn mui-btn-blue demand-record-submit-buttom" @tap="submitDemand">提交需求</button>
					</div>
				</div>
			</div>
		</div>
		<script src="../js/mui.js"></script>
		<script src="../js/vue.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/mui.picker.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/mui.poppicker.js" type="text/javascript" charset="utf-8"></script>
		<script src="../config.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/business/demandRecord.js" type="text/javascript" charset="utf-8"></script>
	</body>

</html>
